home
***
CD-ROM
|
disk
|
FTP
|
other
***
search
/
207.233.110.77
/
207.233.110.77.tar
/
207.233.110.77
/
web24
/
Case 3
/
dtable.css
< prev
next >
Wrap
Cascading Style Sheet File
|
2011-03-28
|
2KB
|
46 lines
/*
New Perspectives on HTML and XHTML 5th Edition
Tutorial 5
Case Problem 3
Dome Table Style Sheet
Author: Jose Puentes
Date: 3/28/11
Filename: dtable.css
Supporting Files: bottom.jpg, bottomleft.jpg, bottomright.jpg, left.jpg,
right.jpg, tableback.jpg, top.jpg, topleft.jpg, topright.jpg
*/
table.domeSpecs {float: right; font-size: 12px; background: url(tableback.jpg) no-repeat 98% 70%; margin: 0px 0px 10px 20px;
border-collapse: collapse}
table.domeSpecs caption {font-size: 16px; letter-spacing: 5px; text-align: center; caption-side: top}
table.domeSpecs col.firstColumn {background: url(left.jpg) repeat-y left; width: 22%}
table.domeSpecs col.lastColumn {background: url(right.jpg) repeat-y right; width: 22%}
table.domeSpecs col.middleColumns {background: url(blank.gif); width: 28%}
table.domeSpecs thead {background: url(top.jpg) repeat-x top; border-bottom: 2px solid gray}
table.domeSpecs tbody tr {border-bottom: 1px dotted gray}
table tfoot {background: url(bottom.jpg) repeat-x bottom; border-top: 2px solid gray;
text-align: center}
table.domeSpecs td {padding: 0px 5px}
table.domeSpecs th {padding: 0px 5px; letter-spacing: 2px}
table.domeSpecs tr {height: 30px}
table.domeSpecs #topLeft {background: url(topleft.jpg) no-repeat top left}
table.domeSpecs #topRight {background: url(topright.jpg) no-repeat top right}
table.domeSpecs #bottomLeft {background: url(bottomleft.jpg) no-repeat bottom left}
table.domeSpecs #bottomRight {background: url(bottomright.jpg) no-repeat bottom right}